<template>
	<view class="content">
		<image @click="login" class="logo" src="/static/logo.png"></image>
		<view>
			<text class="title">点击logo登录</text>
		</view>
	</view>
</template>

<script>
	var user = null;
	var $this;
	export default {
		data() {
			return {
				title: 'Hello'
			};
		},
		onLoad() {
			$this = this;
		},
		onReady() {},
		methods: {
			login() {
				// 可以修改 /mimc-uniapp-sdk/mimc.js
				var config = {
					// 实际开发中：app --> 自己写的后台 --> https://mimc.chat.xiaomi.net/api/account/token
					// 安全认证机制：https://admin.mimc.chat.xiaomi.net/docs/03-auth.html
					url: 'https://mimc.chat.xiaomi.net/api/account/token',
					// 该配置仅供测试使用，推荐自己申请
					// https://admin.mimc.chat.xiaomi.net/docs/02-createapp.html
					data: {
						appId: '2882303761517669588',
						appKey: '5111766983588',
						appSecret: 'b0L3IOz/9Ob809v8H2FbVg==',
						// 当前登录账户，可修改
						appAccount: 'fushilu09'
					},
					statusChange: function(bindResult, errType, errReason, errDesc) {
						// console.log('登录状态：', bindResult);
						if (bindResult) {
							console.log("登录成功：",bindResult)
							// 发送消息前需要处理
							let message_ = $this.Base64.encode('这是fushilu09发送的消息，' + Math.random());
							// 消息格式
							let jsonMsg = String(JSON.stringify({
								version: 0,
								msgId: 'TEXT_1234',
								timestamp: String(new Date().valueOf()),
								payload: message_
							}));
							// fushilu09 --> 发送消息 --> fushilu
							user.sendMessage('fushilu', jsonMsg);
						} else {
							console.error("登录失败：", errType, errReason, errDesc)
						}
					}, // 登录结果回调
					// serverAck: function() {}, // 发送消息后，服务器接收到消息ack的回调
					receiveP2PMsg: function(message) {
						console.log('解密：', $this.Base64.decode(JSON.parse(message.getPayload()).payload));
					}, // 接收单聊消息回调
					disconnect: function() {
						// 可以在这里处理重连
						// 服务器断开，用户下线，
						console.log('断开回调操作');
					} // 连接断开回调
				};

				
				
				
				// 执行登录
				user = $this.mimc.login(config);
			}
		}
	};
</script>

<style>
	.content {
		text-align: center;
		height: 400upx;
	}

	.logo {
		height: 200upx;
		width: 200upx;
		margin-top: 200upx;
	}

	.title {
		font-size: 36upx;
		color: #8f8f94;
	}
</style>
